

// 轮播图
$(function(){
	var banner = document.querySelector("#banner");
	var page = banner.querySelector(".page");
	var leng = $("#banner ul li").length;

	//创建页码
	var str ="";
	for(let i=0;i<leng;i++){
		str += `<span></span>`
	}
	page.innerHTML = str;

	//默认页码第一个高亮
	$("#banner .page span").eq(0).addClass("change");

	var timer;
	var idx = 0;
	timer = setInterval(autoShow,3000);

	$("#banner").hover(
		function(){
			clearInterval(timer);
		},function(){
			timer = setInterval(autoShow,3000)
		})
	//点击页码时获取索引并赋值
	$("#banner .page span").click(function(){
		var num = $(this).index();
		idx = num;
		autoShow();
	})


	function autoShow(){
		for(let i=0;i<leng;i++){
			if(i===idx){
				$("#banner ul li").eq(i).show().siblings().hide();
				$("#banner .page span").eq(i).addClass("change").siblings().removeClass("change");
			}
		}
		idx++;
		if(idx>=leng){
			idx = 0;
		}
	}
});